.aside-header {
  background-color: #0168fa;
  border-right-color: transparent; }

.aside-menu-link, .aside-menu-link:hover, .aside-menu-link:focus, .aside-logo, .aside-logo:hover, .aside-logo:focus {
  color: #fff;
  font-weight: 600; }
  .aside-menu-link span, .aside-menu-link:hover span, .aside-menu-link:focus span, .aside-logo span, .aside-logo:hover span, .aside-logo:focus span {
    color: #00dbfd; }

.aside.maximize .nav-item svg {
  margin-right: 8px; }

.nav-aside .nav-item svg {
  margin-right: 8px; }

.nav-aside .nav-item .nav-link {
  height: 38px; }

.nav-aside .nav-item.with-sub ul {
  padding-left: 8px; }
  .nav-aside .nav-item.with-sub ul a {
    display: flex;
    height: 34px;
    line-height: 34px;
    padding: 0; }
  .nav-aside .nav-item.with-sub ul i.badge {
    font-weight: 500;
    font-family: "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    padding: 3px 8px 4px;
    border-radius: 3px; }
    .nav-aside .nav-item.with-sub ul i.badge-dot {
      flex: 0 0 20px;
      display: flex;
      align-items: center; }
      .nav-aside .nav-item.with-sub ul i.badge-dot > span {
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background: #1b2e4b; }
  .nav-aside .nav-item.with-sub ul li.active .badge-dot > span {
    background-color: #5d78ff; }

.nav-aside .nav-item.active .nav-link::before {
  background-color: rgba(1, 112, 255, 0.08); }
